<!DOCTYPE html>
<style>
#test {
  border: black;
}
</style>
<link rel="match" href="recompute-overflow-of-layout-root-container-expected.html">
Tests that adding visual overflow to an element which is also a layout root
correctly applies that overflow to its containing block.
<script src="../../resources/run-after-layout-and-paint.js"></script>
<div style="will-change: transform">
  <input id="test" type="email" placeholder="test" style="border: black;">
</div>
<script>
runAfterLayoutAndPaint(function() {
  document.getElementById("test").style.boxShadow = "0 10px 20px 0";
}, true);
</script>
